<#include "head.ftl">
</head>
<#include "header.ftl">
<title>${title}</title>
<script type="text/javascript" src="<@s.url '/lib/layer/2.1/layer.js'/>"></script> 
<script type="text/javascript" src="<@s.url '/lib/laypage/1.2/laypage.js'/>"></script> 
<script type="text/javascript" src="<@s.url '/lib/My97DatePicker/WdatePicker.js'/>"></script> 
<script type="text/javascript" src="<@s.url '/lib/icheck/jquery.icheck.min.js'/>"></script> 
<script type="text/javascript" src="<@s.url '/lib/bootstrap-Switch/bootstrapSwitch.js'/>"></script> 
<script type="text/javascript" src="<@s.url '/lib/Validform/5.3.2/Validform.min.js'/>"></script> 
<script type="text/javascript" src="<@s.url '/lib/Validform/5.3.2/passwordStrength-min.js'/>"></script>
<script type="text/javascript" src="<@s.url '/js/H-ui.js'/>"></script>
<br>
<br>
<br>
<div class="container text-c">
	<h2>注册</h2>
	    <div class="four steps">
      <span class="step">第一步</span>
      <span class="active step">第二步</span>
      <span class="disabled step">第三步</span>
      <span class="disabled step">第四步</span>
    </div>
	<div class="line"></div>
	<form action="regist" method="post" class="form form-horizontal responsive" id="registform">
				<div class="row cl">
			<label class="form-label col-xs-2">用户名：</label>
			<div class="formControls col-xs-5">
				<input type="text" class="input-text" placeholder="4~16个字符，字母/中文/数字/下划线" name="username" id="username" datatype="*4-16" nullmsg="用户名不能为空">
			</div>
			<div class="col-xs-5"> </div>
		</div>
		
		<div class="row cl">
			<label class="form-label col-xs-2">手机：</label>
			<div class="formControls col-xs-5">
				<input type="text" class="input-text" placeholder="手机"  name="usertel" id="usertel" datatype="e" nullmsg="请输入手机！">
			</div>
			<div class="col-xs-5"> </div>
		</div>

		<div class="row cl">
			<label class="form-label col-xs-2">邮箱：</label>
			<div class="formControls col-xs-5">
				<input type="text" class="input-text" autocomplete="off" placeholder="@" name="usereml" id="useremail" name="usereml" datatype="m|e" nullmsg="账户不能为空">
			</div>
			<div class="col-xs-5"> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-2">密码：</label>
			<div class="formControls col-xs-5">
				<input type="password" class="input-text" autocomplete="off" placeholder="密码" name="pwd" id="pwd" datatype="*6-18" nullmsg="请输入密码！" >
			</div>
			<div class="col-xs-5"> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-2">密码验证：</label>
			<div class="formControls col-xs-5">
				<input type="password" class="input-text" autocomplete="off" placeholder="密码" name="password2" id="password2" recheck="password" datatype="*6-18" nullmsg="请再输入一次密码！" errormsg="您两次输入的密码不一致！" >
			</div>
			<div class="col-xs-5"> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-2">单选框：</label>
			<div class="formControls skin-minimal col-xs-5">
				<div class="radio-box">
					<input type="radio" value="man" id="sex-1" name="sex" datatype="*" nullmsg="请选择性别！">
					<label for="sex-1">男</label>
				</div>
				<div class="radio-box">
					<input type="radio" value="female" id="sex-2" name="sex">
					<label for="sex-2">女</label>
				</div>
				
			</div>
			<div class="col-xs-5"> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-2">爱好：</label>
			<div class="formControls skin-minimal col-xs-5">
				<div class="check-box">
					<input type="checkbox" value="上网、" id="surf" name="surf" datatype="*" nullmsg="爱好不能为空！">
					<label for="checkbox-5">上网</label>
				</div>
				<div class="check-box">
					<input type="checkbox" value="摄影、" id="takepic" name="takepic">
					<label for="checkbox-6">摄影</label>
				</div>
			</div>
			<div class="col-xs-5"> </div>
		</div>

		<div class="row cl">
			<div class="col-xs-10 col-xs-offset-2">
				<input class="btn btn-primary" onclick="regist()"  value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
			</div>
		</div>
	</form>
	</div>
	    <script type="text/javascript" src="<@s.url '/lib/md5.js'/>"></script>
<script type="text/javascript">

function regist(){

alert(document.getElementById("surf").value);

var md5password = faultylabs.MD5(document.getElementById("pwd").value);

   document.getElementById("pwd").value = md5password;
 	 document.getElementById("registform").submit();
   
   
	}
</script>
<#include "footer.ftl">